<script type="text/javascript">
<!--
{literal}
    $(document).ready(function(){
        $('#ticket_item tbody tr:last').addClass('last');
    });
{/literal}
//-->
</script>
{include file="main/big_element_paging.html"}
<table id="ticket_item" cellspacing="0" cellpadding="0" class="grid" style="width: 100%;">
    <thead>
        <tr>
            <th style="width: 50px;">{translate}No.{/translate}</th>
            <th>{translate}Full name{/translate}</th>
            <th style="width: 100px;">{translate}Patient's ID_1{/translate}</th>                                                                             
            <th style="width: 100px;">{translate}Real payment{/translate}</th>               
            <th style="width: 200px;">{translate}Cashier{/translate}</th>   
            <th style="width: 200px;">{translate}Description{/translate}</th>
        </tr>                                   
    </thead>        
    <tbody>
        {foreach from=$paymentInfo item=payment}
            <tr>
                <td>{$index++}</td>
                <td>{$payment.patient_name}</td>
                <td>{$payment.patient_code}</td>
                <td style="text-align: right; padding-right: 40px;">{$payment.real_payment}</td>
                <td>{$payment.cashier_name}</td>
                <td>{$payment.note}</td>
            </tr>
        {/foreach}
        <tr class="last">
            <td colspan="2" style="color: red">{translate}Total{/translate}</td>
            <td>&nbsp;</td>
            <td style="text-align: right; padding-right: 40px;"><span style="font-size: 13px; color: red;">{$totalPayment}</span></td>
            <td colspan="2"></td>
        </tr>
    </tbody>            
</table>